<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]><html class="ie ie6 ie-lte9 ie-lte8 ie-lte7 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 7]><html class="ie ie7 ie-lte9 ie-lte8 ie-lte7 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 8]><html class="ie ie8 ie-lte9 ie-lte8 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 9]><html class="ie9 ie-lte9 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{=T.accepted_language or 'en'}}"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<!-- www.phpied.com/conditional-comments-block-downloads/ -->
	<!-- Always force latest IE rendering engine
		(even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
	<!--[if IE]>
		<meta http-equiv="X-UA-Compatible" content="IE=edge{{=not request.is_local and ',chrome=1' or ''}}">
	<![endif]-->

	<title>{{=response.title or request.application}}</title>

	<!-- http://dev.w3.org/html5/markup/meta.name.html -->
	<meta name="application-name" content="{{=request.application}}" />

	<!-- Speaking of Google, don't forget to set your site up:
		http://google.com/webmasters -->
	<meta name="google-site-verification" content="" />

	<!--  Mobile Viewport Fix
		j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
		device-width: Occupy full width of the screen in its current orientation
		initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
		user-scalable = yes allows the user to zoom in -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

	<!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
	<link rel="shortcut icon" href="{{=URL('static','favicon.ico')}}" type="image/x-icon">
	<link rel="apple-touch-icon" href="{{=URL('static','favicon.png')}}">

	<!-- All JavaScript at the bottom, except for Modernizr which enables 
		HTML5 elements & feature detects -->
	<script src="{{=URL('static','js/modernizr.custom.js')}}"></script>   

	<!-- include stylesheets -->
	{{
	response.files.append(URL('static','css/bootstrap.min.css'))
	response.files.append(URL('static','css/web2py.css'))
	response.files.append(URL('static','css/bootswatch.css'))
	}}

	{{include 'web2py_ajax.html'}}

	{{
	# using sidebars need to know what sidebar you want to use
	left_sidebar_enabled = globals().get('left_sidebar_enabled',False)
	right_sidebar_enabled = globals().get('right_sidebar_enabled',False)
	middle_columns = {0:'span12',1:'span9',2:'span6'}[
		(left_sidebar_enabled and 1 or 0)+(right_sidebar_enabled and 1 or 0)]
	}}

	<!-- uncomment here to load jquery-ui
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
	uncomment to load jquery-ui //-->
	<script>
	  jQuery(function(){
             jQuery('.nav>li>a').each(function(){	        
                if(jQuery(this).parent().find('ul').length)
                   jQuery(this).attr({'class':'dropdown-toggle','data-toggle':'dropdown'}).append('<b class="caret"></b>');
   	     });
             jQuery('.nav li li').each(function(){	        
                if(jQuery(this).find('ul').length)
                    var a=jQuery(this).children('a').contents().before('<i class="icon-chevron-right"></i>'); 
             });
             jQuery('.auth_navbar').each(function(){	        
                jQuery(this)
					.addClass('btn-group')
					.children('a').addClass('btn')
             });
          });
	</script>
	<noscript><link href="{{=URL('static', 'css/bootswatch_nojs.css')}}" rel="stylesheet" type="text/css" /></noscript>
	{{block head}}{{end}}
</head>
<!--<body data-spy="scroll" data-target=".subnav" data-offset="50">-->
<body>
	<!-- Navbar
	================================================== -->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="#">web2py&trade;&nbsp;</a>
				<div id="navbar">{{='auth' in globals() and auth.navbar(separators=(' ',' ',''))}}</div>
				<div class="nav-collapse">
					{{is_mobile=request.user_agent().is_mobile}}
					{{if response.menu:}}
					{{=MENU(response.menu, _class='mobile-menu nav' if is_mobile else 'nav',mobile=is_mobile,li_class='dropdown',ul_class='dropdown-menu')}}
					{{pass}}
				</div><!--/.nav-collapse -->
			</div>
		</div>
	</div><!--/top navbar -->

	<div class="flash">{{=response.flash or ''}}</div>

	<div class="container">
		<!-- Masthead
		================================================== -->
		<header class="jumbotron subhead" id="overview">
			<!-- AddToAny BEGIN -->
			<div style="float:right; padding-top: .25em;" class="a2a_kit a2a_default_style">
				<a class="a2a_dd" href="http://www.addtoany.com/share_save">Share</a>
			<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
			</div> <!-- AddToAny END -->
			<div class="page-header">
				<h1>
				{{=response.title or request.application}}
				<small>{{=response.subtitle or ''}}</small>
				</h1>
			</div>
		</header>

		<section id="main" class="main span12">
			<div class="row">
				{{if left_sidebar_enabled:}}
				<div class="span3 left-sidebar">
				  {{block left_sidebar}}
				  <h3>Left Sidebar</h3>
				  <p></p>
				  {{end}}
				</div>
				{{pass}}

				<div class="{{=middle_columns}}">
				  {{block center}}
				  {{include}}
				  {{end}}
				</div>

				{{if right_sidebar_enabled:}}
				<div class="span3">
				  {{block right_sidebar}}
				  <h3>Right Sidebar</h3>
				  <p></p>
				  {{end}}
				</div>    
				{{pass}}
			</div><!--/row-->
		</section><!--/main-->

		<!-- Footer
		================================================== -->
		<footer class="footer">
			{{block footer}} <!-- this is default footer -->
			<div class="footer-content">
				<div class="copyright pull-left">{{=T('Copyright')}} &#169; 2011</div>
				<div id="poweredBy" class="pull-right">
					{{=T('Powered by')}}
					<a href="http://www.web2py.com/">web2py</a>
				</div>
			</div>
			{{end}}
		</footer>

	</div> <!-- /container -->

	<!-- Le javascript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="{{=URL('static','js/bootstrap.min.js')}}"></script>

	<!--[if lt IE 7 ]>
	<script src="{{=URL('static','js/dd_belatedpng.js')}}"></script>
	<script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
	<![endif]-->
	{{if response.google_analytics_id:}}<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', '{{=response.google_analytics_id}}']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> {{pass}}

</body>
</html>
